绘制页面，浏览器渲染引擎会一行一行渲染页面，按照HTML和css语法绘制页面

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		浏览器内核不认识div,根据节点的排列方式绘制domTree，深度优先原则，一条枝干绘制完，dom解析，碰到img把img节点挂到tree上，不等img下载完；dom树的完成，domTREE的节点解析完，不代表节点的加载完毕，下载完要在解析完之后
		div{
			width: 100px;
			height: 100px;
			background-color: red;
		}
		domtree生成完之后，等着，再生成cssTree,和DOM节点对应，domTree + cssTree = RenderTree;
		reflow 重排，renderTree的重建，dom节点的删除添加，dom节点的宽高变化，位置变化，display = none变为block,offsetWidth offsetLeft(会重构domTree重新渲染得出获取物体宽度，保证结果是实时的)；效率低，避免重排
		repaint 重绘，该颜色图片，
	</style>
</head>
<body>
	<div></div>
</body>
</html>